<link href="https://fonts.googleapis.com/css2?family=Baloo+Tammudu+2&display=swap" rel="stylesheet">
*{
		text-align: center;
		margin:0;
		padding:0;
	} 
		
	header{ 
		height:60px; 
		background:#262626; 
		padding:0 50px;
	}

	.logo{ 
		width:30%; 
		float:left; 
		color:#fff; 
		font-weight:bold; 
		text-transform: uppercase; 
		line-height:60px;
		font-size:35px;
		font-family:sans serif; 
	} 
	h4{
		font-size: 30px;
		text-align: center;  
	}
	nav{
		width:68%;
		float:right;
	}
	nav ul{
		list-style:none;
		float:right;
	}
	nav ul li{
		display:inlin-block;
		float: right;
		

	}
	ul li a{
		text-decoration:none;
		color:#123;
		font-family:sans-serif;
		font-weight:bold;
		margin:0 10px;
		line-height:60px;
		text-transform:uppercase;
	}
	.banner{
	    height:100%;
	}
	.banner img{
		width:100%;
		height:40vh;

	}
	.content{
	    padding:5%;
		text-align: center;
	}
	.content h5{
		font-size:25px;
		font-family:sans-serif;
		margin-bottom:25px;	
		width: 600px;
	}
	footer{
		background:#000;
		color:#fff;
		padding:15px 50px;
		text-align:center;
	}
	
	
	/*.content img{
		width: 90%;
		height: 80vh;
	}*/
	
	.banner img{
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.footer h1{
		 width: 100%;
		 height: 50vh;
	}


	.media{
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-53%, -50%)
	}

	li i{
		list-style: none;
		margin: 10px 30px; 
		font-size: 20px;
		padding: 20px 20px;
		color: #fff;
		border: 1px solid #fff;
		border-radius: 50%;
		transition: .5s;
	}	
	
	.li :hover{
		color: #292929;
		border: 1px solid #292929;
		transition: .5s;
		font-size: 20px;
		list-style: none;
	}
	
	 ul li{
		list-style: none;
		font-size: 20px; 
		color: #fff;
		text-align: center;
		
		
	}
	
	.Schuler {
		color: black; 
	}